<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name=”apple-mobile-web-app-status-bar-style” content=”default”/>
    <meta name=”apple-mobile-web-app-status-bar-style” content=”black”/>
    <meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent”/>
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="format-detection" content="telephone=no"/>
    <script type="text/javascript" src="${s.base}/mobile/js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/fontSize.js"></script>
    <script type="text/javascript" src="${s.base}/mobile/js/window_port.js"></script>
    <link href="${s.base}/mobile/css/swiper.min.css" rel="stylesheet"/>
    <link href="${s.base}/mobile/css/weChat.css" rel="stylesheet"/>
</head>
<style>
    #scrollDiv{ height:0.7rem; line-height:0.7rem;overflow:hidden; margin-top:0.15rem}
    #scrollDiv li{height:0.7rem; line-height:0.7rem; cursor:pointer;}
</style>
<body class="cyt-body-gray">
<!-- 轮播图 -->
<div class="cyt-banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <#if bannerVoList?? && (bannerVoList?size > 0) >
            <#list bannerVoList as p>
            <div class="swiper-slide"><img src="/sysFile/showFileByPath?path=${p.path}"></div>
            </#list>
            <#else>
            <div class="swiper-slide"><img src="${s.base}/mobile/images/banner.png"></div>
            </#if>
        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>
<!-- 通知公告提示 -->
<div class="cyt-notice-message">
    <div class="small-speakers-prom"><i class="cytfonts">&#xe68c;</i></div>
    <div id="scrollDiv">
        <ul>
            <#if noticeVoList?? && (noticeVoList?size > 0) >
            <#list noticeVoList as notice>
            <li class="ellipsis" id="${notice.id}">${notice.title}</li>
            </#list>
            <#else>
            <li class="ellipsis">暂无公告</li>
            </#if>
        </ul>
    </div>
</div>
<!-- 图标按钮 -->
<div class="cyt-icon-btn clearfix">
    <ul>
        <li class="">
            <div class="icon-btn color-jb-blue"><i class="cytfonts">&#xe68b;</i></div>
            <p>学校简介</p>
        </li>
        <li class="">
            <div class="icon-btn color-jb-orange"><i class="cytfonts">&#xe672;</i></div>
            <p>校园资讯</p>
        </li>
        <li class="">
            <div class="icon-btn color-jb-red"><i class="cytfonts">&#xe68e;</i></div>
            <p>教师风采</p>
        </li>
        <li class="">
            <div class="icon-btn color-jb-green"><i class="cytfonts">&#xe68d;</i></div>
            <p>联系我们</p>
        </li>
    </ul>
</div>
<!-- 广告区域-在线报名图片 -->
<div class="cyt-ad-pic">
    <img src="${s.base}/mobile/images/xinshengbaoming.png">
</div>
<!--功能入口-调查问卷 -->
<div class="cyt-feat-enter-ctn">
    <div class="cyt-feat-enter">
        <div class="feat-tit">调查问卷<span>手机做问卷，轻松来调查</span></div>

        <div class="feat-list ellipsis">
            <#if questionTitle??>
            ${questionTitle}
            <#else>
            暂无调查问卷
            </#if>
            <div class="feat-enter-btn">立即进入</div>
        </div>
    </div>
</div>
<!--一行两块区域带图-资产报修-失物招领 -->
<div class="cyt-twobar-line clearfix">
    <div class="one-bar">
        <div class="one-bar-pic"><img src="${s.base}/mobile/images/zichanbaoxiu.png"></div>
        <h1 class="ellipsis">资产报修</h1>
        <div class="line ellipsis">手机扫一扫</div>
        <div class="line ellipsis">轻松搞定</div>
    </div>
    <div class="one-bar">
        <div class="one-bar-pic"><img src="${s.base}/mobile/images/shiwuzhaoling.png"></div>
        <h1 class="ellipsis">失物招领</h1>
        <div class="line ellipsis">东西丢失来这里</div>
        <div class="line ellipsis">总有惊喜</div>
    </div>
</div>
<!-- 两行三块区域 -->
<div class="cyt-threebar-twoline clearfix">
    <div class="left-bar-one">
        <h1><span class="red">校园</span>风采</h1>
        <p>欢迎观赏我们的校园风景</p>
        <img src="${s.base}/mobile/images/school-fc.png">
    </div>
    <div class="right-bar-two">
        <div class="right-bar-two-line bg-color-bar-green">
            <h1><span class="green">招生</span>信息</h1>
            <p>招生信息查看</p>
            <div class="right-bar-two-line-pic"><img src="${s.base}/mobile/images/admInfor.png"></div>
        </div>
        <div class="right-bar-two-line bg-color-bar-blue">
            <h1><span class="blue">讲座</span>详情</h1>
            <p>讲座详情查看</p>
            <div class="right-bar-two-line-pic"><img src="${s.base}/mobile/images/lectureInfor.png"></div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="${s.base}/mobile/js/common.js"></script>
<script type="text/javascript" src="${s.base}/mobile/js/swiper.min.js"></script>
<script type="text/javascript" src="${s.base}/mobile/js/jquery-weui.js"></script>
<script>
    $(function () {
        initData();
        initListener();
    });

    function initData() {

    }

    function initListener() {
        //轮播图滚动
        new Swiper('.swiper-container', {
            spaceBetween:0,
            centeredSlides: true,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });

        //系统通知滚动
        setInterval('AutoScroll(".cyt-notice-message")', 2000);

        //系统通知监听
        $('.cyt-notice-message li').bind('click', function () {
            window.location.href = "/phone/notice/noticeDetail?id=" + $(this).attr("id") + "&token=${token}&applyId=${applyId}";
        });

        //学校简介-校园资讯-教师风采-联系我们
        $('.cyt-icon-btn li').bind('click', function () {
            if ($(this).index() === 0) {
                window.location.href = "/phone/school/schoolInfo?token=${token}&applyId=${applyId}";
            } else if ($(this).index() === 1) {
                window.location.href = "/phone/notice/noticeCategory?token=${token}&applyId=${applyId}";
            } else if ($(this).index() === 2) {
                window.location.href = "/phone/teacher/teacherList?token=${token}&applyId=${applyId}";
            } else if ($(this).index() === 3) {
                window.location.href = "/phone/school/contactInfo?token=${token}&applyId=${applyId}";
            }
        });

        //新生报名
        $('.cyt-ad-pic').bind('click', function () {
            window.location.href = "/phone/student/studentSignUp?token=${token}&applyId=${applyId}";
        });

        //调查问卷
        $('.feat-enter-btn').bind('click', function () {
            window.location.href = "/phone/question/questionList?token=${token}&applyId=${applyId}";
        });

        //资产报修-失物招领
        $('.one-bar').bind('click', function () {
            if ($(this).index() === 0) {
                window.location.href = "/phone/work/assetList?token=${token}&applyId=${applyId}";
            } else if ($(this).index() === 1) {
                window.location.href = "/phone/notice/noticeList?noticeType=4&token=${token}&applyId=${applyId}";
            }
        });

        //校园风采
        $('.left-bar-one').bind('click', function () {
            window.location.href = "/phone/school/schoolStyle?token=${token}&applyId=${applyId}";
        });

        //招生信息-讲座信息
        $('.right-bar-two-line').bind('click', function () {
            if ($(this).index() === 0) {
                window.location.href = "/phone/notice/noticeList?noticeType=2&token=${token}&applyId=${applyId}";
            } else if ($(this).index() === 1) {
                window.location.href = "/phone/notice/noticeList?noticeType=3&token=${token}&applyId=${applyId}";
            }
        });
    }

    // function AutoScroll(obj) {
    //     $(obj).find("ul:first").animate({
    //         marginTop: "-30px"
    //     }, 500, function () {
    //         $(this).css({
    //             marginTop: "0px"
    //         }).find("li:first").appendTo(this);
    //     });
    // }
    //修改了文字滚动方式，注释掉上面的文字滚动
    function autoscroll(obj){
        $(obj).find("ul:first").animate({marginTop:"-0.7rem"},1000,function(){
            $(this).css("marginTop","0px").find("li:first").appendTo(this)
        })
    }
    $(document).ready(function(){
        setInterval('autoscroll("#scrollDiv")',2000)
    })
</script>
</html>